<template>
  <div class="myfoot">
    <div class="ui-container">
      <!-- 左侧 -->
      <div class="ui_column bottom_on_mobile">
        <div class="logo_slogan">
          <img
            class="logo_cn logo_svg"
            src="https://cc.maotuying.com/ddimg/common/ddlogo_foot_expert_slogan_v1.svg"
            alt=""
          />
        </div>
        <div class="footer_links">
          <a class="ui_link" href="">关于我们</a>|
          <a class="ui_link" href="">新闻动态</a>|
          <a class="ui_link" href="">商务合作</a>|
          <a class="ui_link" href="">会员中心</a>|
          <a class="ui_link" href="">业主中心</a>|
          <a class="ui_link" href="">常见问题</a>|
          <a class="ui_link" href="">意见反馈</a>|
          <a class="ui_link" href="">联系我们</a>|
          <a class="ui_link" href="">营业执照</a>
        </div>
        <div class="legal_section">
          @ 2022 TripAdvisor 版权所有
          <a href="">使用条款</a>| <a href="">隐私政策</a>|
          <a href="">网站工作原理</a>
          <div>部分照片由 VFM Leonardo 提供</div>
          <div>
            *
            TripAdvisor不是旅行社，也不是旅游预订服务代理商。我们提供免费、客观、公正的旅游资讯服务。(
            显示更多 )
          </div>
          <div>
            TripAdvisor公司对外部网站的内容一概不负责。优惠价格中不含税和其他费用。
          </div>
        </div>
        <div class="icp-text">
          <a href="">ICP证：沪B2-20200433 </a>
          <a href=""
            ><img
              src="https://cc.maotuying.com/ddimg/footer/record-filing.png"
              alt=""
            />沪公网安备31010502005427号</a
          >
          <a href="">鹰程信息技术（上海）有限公司</a>
        </div>
      </div>
      <!-- 右侧 -->
      <div class="ui_column foot-right top_onmobile">
        <div class="prw_rup">
          <div class="ftrHeader">货币/国家及地区</div>
          <div class="unified-picker">
            <span>¥</span>
            <span>CNY</span>
          </div>
          <div class="unified-picker">
            <span>中国</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: #007cbc;
  cursor: pointer;
}
.myfoot {
  background-color: #faf1ed;
  padding-bottom: 36px 0 80px;
  font-size: 13px;

  .ui-container {
    position: relative;
    padding: 36px 0 24px;
    max-width: 1280px;
    display: flex;
    color: #666666;
    justify-content: space-between;
    margin: 0 auto;

    .logo_slogan {
      padding-bottom: 18px;
      img {
        width: 160px;
      }
    }
    .footer_links {
      margin-bottom: 15px;
      a {
        margin-right: 5px;
      }
    }
    .legal_section {
      a {
        margin-right: 5px;
      }
    }
    .icp-text {
      margin-top: 15px;
      a {
        color: #666666;
      }
    }
    .foot-right {
      width: 224px;
      padding: 12px;
      .prw_rup {
        .ftrHeader {
          font-weight: 700;
          color: #767676;
          font-size: 12px;
          line-height: 16px;
          padding: 2px 0;
        }
        .unified-picker {
          height: 24px;
          margin: 10px 0 0;
          min-width: 170px;
          max-width: 220px;
          font-size: 14px;
          background-color: white;
          padding: 7px 5px 5px 12px;
          > span {
            margin-right: 8px;
          }
        }
      }
    }
  }
}
</style>
